
<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="content content">
        <view class="inputs_info inputs_info">
          <view class="ipt ipt">
            <view class="inputs sk-image" data-event-opts="confirm,inputs,$event,input,__set_model,,text,$event," placeholder="大家都在搜" type="text" value="true"></view>
            <view >
              <text class="uni-icons icons--uni-icons uniui-search icons--uniui-search sk-pseudo sk-pseudo-circle" data-event-opts="tap,_onClick,$event" style="color: #888888; font-size: 24px;"></text>
            </view>
          </view>
        </view>
        <view >
          <view style="[object Object]">
            <view class="swiper1 swipergo--swiper1" style="width:395px;height:165px;border-radius:8px;">
              <swiper autoplay="false" circular="true" duration="1000" indicator-active-color="#ffffff" indicator-color="#333333" indicator-dots="true" interval="3000" style="width:395px;height:165px;border-radius:8px;" current="0">
                <swiper-item data-event-opts="tap,goPage,$0,swiperlist,,0" style="width: 100%; height: 100%; border-radius: 8px; position: absolute; transform: translate(0%, 0px) translateZ(0px);">
                  <image mode="true" style="width:395px;height:165px;border-radius:8px;" class="sk-image"></image>
                </swiper-item>
              </swiper>
            </view>
          </view>
        </view>
        <view class="content1 content1 page_width page_width">
          <view class="img_flex img_flex">
            <view class="item_img item_img" data-event-opts="tap,goPage,$0,contlist,,0">
              <image mode="true" class="imgs sk-image"></image>
              <view class="text sk-transparent sk-text-14-2857-881 sk-text" style="background-position-x: 50%;">优质商家</view>
            </view>
            <view class="item_img item_img" data-event-opts="tap,goPage,$0,contlist,,1">
              <image mode="true" class="imgs1 sk-image"></image>
              <view class="text1 sk-transparent sk-text-14-2857-834 sk-text" style="background-position-x: 50%;">展会</view>
            </view>
            <view class="item_img item_img" data-event-opts="tap,goPage,$0,contlist,,2">
              <image mode="true" class="imgs sk-image"></image>
              <view class="text sk-transparent sk-text-14-2857-790 sk-text" style="background-position-x: 50%;">电子杂志</view>
            </view>
            <view class="item_img item_img" data-event-opts="tap,goPage,$0,contlist,,3">
              <image mode="true" class="imgs sk-image"></image>
              <view class="text sk-transparent sk-text-14-2857-120 sk-text" style="background-position-x: 50%;">需求发布</view>
            </view>
          </view>
          <view class="text_flex text_flex">
            <image mode="true" class="img_l sk-image"></image>
            <swiper autoplay="false" circular="true" class="swiper swiper" duration="1000" interval="3000" vertical="true" current="0">
              <swiper-item class="items_sw items_sw" data-event-opts="tap,goNoticeInfo,$0,tzList,,0" style="position: absolute; width: 100%; height: 100%; transform: translate(0px, 0%) translateZ(0px);">
                <view class="texts sk-transparent sk-text-14-2857-224 sk-text">测试数据哈哈哈哈</view>
              </swiper-item>
            </swiper>
            <view class="img_r sk-transparent sk-text-14-2857-418 sk-text" data-event-opts="tap,goNotice">更多</view>
          </view>
        </view>
        <view >
          <view style="[object Object]">
            <view class="swiper1 swipergo--swiper1" style="width:395px;height:165px;border-radius:8px;">
              <swiper autoplay="false" circular="true" duration="1000" indicator-active-color="#ffffff" indicator-color="#333333" indicator-dots="true" interval="3000" style="width:395px;height:165px;border-radius:8px;" current="0">
                <swiper-item data-event-opts="tap,goPage,$0,swiperlist,,0" style="width: 100%; height: 100%; border-radius: 8px; position: absolute; transform: translate(0%, 0px) translateZ(0px);">
                  <image mode="true" style="width:395px;height:165px;border-radius:8px;" class="sk-image"></image>
                </swiper-item>
              </swiper>
            </view>
          </view>
        </view>
        <view class="tit tit">
          <view class="ts ts">
            <image mode="true" class="timg sk-image"></image>
            <view class="sk-transparent sk-text-14-2857-65 sk-text">优质商家</view>
            <image mode="true" class="timg sk-image"></image>
          </view>
          <view class="cont_flex cont_flex page_width page_width">
            <view class="flex_item flex_item" data-event-opts="tap,gobusiness,$0,businessList,,0">
              <image mode="true" class="sk-image"></image>
            </view>
          </view>
        </view>
        <view class="pos_ads pos_ads">
          <view class="items items" data-event-opts="tap,goPhone,$event">
            <image mode="true" class="sk-image"></image>
          </view>
          <view class="items items its its">
            <button open-type="contact" plain="true" class="sk-button sk-pseudo sk-pseudo-circle"></button>
            <image mode="true" class="sk-image"></image>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
	export default {
		name: "indexPage",
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-14-2857-694 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7163%, transparent 0%) !important;
		background-size: 100% 39.2000rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-14-2857-491 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7163%, transparent 0%) !important;
		background-size: 100% 39.2000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-884 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7163%, transparent 0%) !important;
		background-size: 100% 39.2000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-31 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7163%, transparent 0%) !important;
		background-size: 100% 39.2000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-546 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7163%, transparent 0%) !important;
		background-size: 100% 42.0000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-791 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7163%, transparent 0%) !important;
		background-size: 100% 42.0000rpx;
		position: relative !important;
	}

	.sk-text-14-2857-675 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7163%, transparent 0%) !important;
		background-size: 100% 56.0000rpx;
		position: relative !important;
	}

	.sk-image {
		background: #EFEFEF !important;
	}

	.sk-pseudo::before,
	.sk-pseudo::after {
		background: #EFEFEF !important;
		background-image: none !important;
		color: transparent !important;
		border-color: transparent !important;
	}

	.sk-pseudo-rect::before,
	.sk-pseudo-rect::after {
		border-radius: 0 !important;
	}

	.sk-pseudo-circle::before,
	.sk-pseudo-circle::after {
		border-radius: 50% !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
	}
</style>